.productDetail {
	display: flex;
	padding: 50px;

	.imageContainer {
		flex: 1;
		display: flex;
		flex-wrap: wrap;
		img {
			width: 250px;
			height: 250px;
			margin: 10px;
			object-fit: cover;
		}
	}

	.infoContainer {
		flex: 1;
		padding: 0 50px;

		.title {
			font-weight: 200;
		}
		.desc {
			margin: 20px 0;
		}
		.price {
			font-size: 40px;
			font-weight: 100;
		}

		.addContainer {
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 50%;
			margin-top: 50px;

			.favorite {
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 3px;
				font-size: 14px;
				font-weight: 300;

				.icon {
					color: #7b5ee4;
				}
			}

			button {
				padding: 15px;
				border: 2px solid #7b5ee4;
				background-color: #fff;
				cursor: pointer;
				font-weight: bold;
				color: #7b5ee4;

				&:hover {
					background-color: #7b5ee4;
					color: white;
				}
			}
		}
	}
}
